<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!--头部-->
		<div id="container">
			<div class="container clearfix">
				<div class="pull-left hidden-xs">
					<span><i class="glyphicon glyphicon-phone-alt"></i> 400-777-8828</span>
					<a href="#" class="ltinme">中文</a>
					<a href="#" class="ltinme">英文</a>
				</div>
				<div class="pull-right">
					<a href="#" class="btn btn-danger btn-sm">免费注册</a>
					<a href="#" data-toggle="modal" data-target="#mymodal" class="btn btn-default btn-sm">登录</a>
				</div>
			</div>
		</div>
		<!--模态框-->
		<div class="modal in fade bs-examlpe-modal-sm" id="mymodal">
			<div class="modal-dialog modal-sm ">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">欢迎登录 <small>SIGN IN</small></h4>

					</div>
					<div class="media-body">
						<form action="">
							<div class="col-md-10 col-md-offset-1 myMP">
								<input class="form-control" type="text" value="" placeholder="手机/邮箱/用户名" />
							</div>
							<div class="col-md-10 col-md-offset-1 myMP">
								<input class="form-control" type="text" value="" placeholder="密码" />
							</div>
							<div class="col-md-10 col-md-offset-1 myMP">
								<input type="checkbox" />下次自动登录
							</div>
							<div class="col-md-12 myB">
								<input type="submit" class="btn btn-danger form-control" value="登录" />
							</div>
						</form>
					</div>
					<div class="modal-footer"></div>
				</div>
			</div>
		</div>
		<!--导航栏-->
		<nav class="navbar navbar-inverse">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle " data-toggle="collapse" data-target="#navbar" aria-xpanded="true" aria-controls="navbar">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					
				</button>
					<a class="navbar-brand" href="#"><img src="img/logo_09.png" /></a>
				</div>
				<div class="navbar-collapse collapse" id="navbar">
					<ul class="nav navbar-nav">
						<li>
							<a href="#">
								<i class="glyphicon glyphicon-home"></i> 首页
							</a>
						</li>
						<li>
							<a href="#">
								<i class="glyphicon glyphicon-gift"></i> 通用英语
							</a>
						</li>
						<li>
							<a href="#">
								<i class="glyphicon glyphicon-pencil"></i> 海外考试
							</a>
						</li>
						<li class="hidden-sm">
							<a href="#">
								<i class="glyphicon glyphicon-globe"></i> 青少英语
							</a>
						</li>
						<li class="hidden-sm">
							<a href="#">
								<i class="glyphicon glyphicon-bishop"></i> 行业英语
							</a>
						</li>
						<li class="hidden-sm">
							<a href="#">
								<i class="glyphicon glyphicon-shopping-cart"></i> 在线购买
							</a>
						</li>
						<li class="hidden-sm hidden-md">
							<a href="#">
								<i class="glyphicon glyphicon-user"></i> 全球师资
							</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								更多栏目
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu" role="menu">
								<li class="visible-sm">
									<a href="#">青少英语</a>
								</li>
								<li class="visible-sm">
									<a href="#">行业英语</a>
								</li>
								<li class="visible-sm">
									<a href="#">在线购买</a>
								</li>
								<li class="visible-sm visible-md">
									<a href="#">全球师资</a>
								</li>
								<li>
									<a href="#">学员案例</a>
								</li>
								<li>
									<a href="#">免费体验</a>
								</li>
								<li>
									<a href="#">英语胶囊</a>
								</li>
								<li>
									<a href="#">精彩动态</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--轮播图-->
		<div id="mySlideshow" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#mySlideshow" data-slide-to="0" class="active"></li>
				<li data-target="#mySlideshow" data-slide-to="1"></li>
				<li data-target="#mySlideshow" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="item active">
					<img src="img/img1.jpg" />
					<div class="carousel-caption">
						<span class="subject"></span>
					</div>
				</div>
				<div class="item">
					<img src="img/img2.jpg" />
					<div class="carousel-caption">
						<span class="subject"></span>
					</div>
				</div>
				<div class="item">
					<img src="img/img3.jpg" />
					<div class="carousel-caption">
						<span class="subject"></span>
					</div>
				</div>
			</div>

		</div>
		<div id="notice">
			<div class="container">
				<div class="col-sm-8 hidden-xs">
					<h5>用英语，为梦想加油！10周年，不失梦想正青春！</h5>
					<p>美联英语在线VIP隶属于美联国际教育集团，自2006年初创，至今已整整走过10年，15个省份，26个城市，80多家中心，20多万学员，我们让更多中国面孔成为世界的中坚力量！从线上到线下，从中国到北美，我们致力于让每一个与世界相联的美好梦想，都能实现。加入我们，用英语为梦想加油！</p>
				</div>
				<div class="col-sm -4 text-right" id="mycharge">
					<h5>免费试听 + 水平测试</h5>
					<a href="#" class="btn">立即申请</a>
				</div>
			</div>
		</div>
		<!--真的没时间学习吗-->
		<section id="home_time" class="clearfix">
			<div class="container">
				<h2 class="text-center">真的没有时间学习英语吗?</h2>
				<div class="text-center" id="time-trend">
					<h4>2015年在线学习人群的学习时段数据分布</h4>
					<img class="img-responsive" src="img/trend.png" />
				</div>
			</div>
		</section>
		<section id="home_crowd">
			<div class="container text-center">
				<h4>
					<span>30%</span>的人群在<span>早8点前</span>和<span>晚22点后</span>进行在线学习，每天至少可多得<span>5小时</span>学习时间；
                线下培训班，往返路程平均浪费<span>1.5小时</span>，在线学习帮你节省时间用来享受生活。
				</h4>
				<img src="img/block-split.png" />
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<img src="img/zqz.png" />
						<h4>我是</h4>
						<h3>早起族</h3>
						<p>早7点别人还在睡觉，而我在跟英国外教网聊下午茶</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<img src="img/ymz.png" />
						<h4>我是</h4>
						<h3>夜猫子</h3>
						<p>夜深人静时，我的注意力最专注，此时不学更待何时</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<img src="img/znzn.png" />
						<h4>我是</h4>
						<h3>宅男/女</h3>
						<p>不出门也可以跟外教嗨聊，全世界的新鲜事照样全知道</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<img src="img/lhz.png" />
						<h4>我是</h4>
						<h3>乐活族</h3>
						<p>你还在去上课的路上，我已经躺在沙发上学完在看电影</p>
					</div>
				</div>

			</div>
		</section>
		<!-- 2000+全球师资 100%欧美外教 -->
		<section class="clearfix" id="home_teacher">
			<div class="container text-center">
				<h2>2000+全球师资 100%欧美外教</h2>
				<h4 class="subtitle">TESOL证书 / 5年以上教龄 / 高颜值外教团</h4>
				<div class="row">
					<div class="col-md-8 col-sm-6">
						<div class="titem" style="min-height: 350px; background: url(img/oleg.png); background-position: center; background-size: cover;">
							<div class="tname right">
								<h2>Oleg</h2>
								<h5>TEFL / 4年教龄</h5>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6">
						<div class="titem" style="min-height: 350px; background: url(img/oksana.png); background-position: center; background-size: cover;">
							<div class="tname left">
								<h2>Oksana</h2>
								<h5>TESOL / 5年教龄</h5>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-4">
						<div class="titem" style="min-height: 200px;background-image:url(img/ewelina.png)">
							<!-- 教师名称 -->
							<div class="tname right">
								<h2>Ewelina</h2>
								<h5>TESOL / 9年教龄</h5>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="titem" style="min-height: 200px;background-image:url(img/juraj.png)">
							<!-- 教师名称 -->
							<div class="tname right">
								<h2>Juraj</h2>
								<h5>TESOL / 3年教龄</h5>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<a href="#" class="tmore text-center">
							<img src="img/tmore.png" />
							<p>查看更多>></p>
						</a>
					</div>
				</div>
			</div>
		</section>
		 <!-- 6大课程体系，总有一款适合你 -->
		<section class="clearfix" id="home_course">
			<div class="container text-center">
				<h2>6+课程体系，总有一款适合你</h2>
				<h4 class="subtitle">10教育行业背景，1000专业研发团队，针对不同学习需求，打造全面完善的课程体系</h4>
				<img class="img-responsive" src="img/cover.png"  style="display: inline-block;"/>
				<div class="row">
					<div class="col-xs-4">
						<a href="" class="courseitem col1" role="button">通用口语</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col2" role="button">海外考试</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col1" role="button">青少英语</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col2" role="button">行业英语</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col1" role="button">旅游英语</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col2" role="button">面试英语</a>
					</div>
				</div>
			</div>	
		</section>
		  <!-- 学伴 -->
		<section class="clearfix" id="home_partner">
			<div class="container text-center">
				<h2>6+课程体系，总有一款适合你</h2>
				<h4 class="subtitle">10教育行业背景，1000专业研发团队，针对不同学习需求，打造全面完善的课程体系</h4>
				<div class="row">
					<div class="col-sm-4">
					  <img class="img-responsive" src="img/01.jpg" />
					  <h4>学习太苦，坚持不住</h4>
					  <p>学伴功能，一键添加小伙伴。 免费一起学，互相督促进步快！</p>
					</div>
					<div class="col-sm-4">
					  <img class="img-responsive" src="img/02.jpg" />
					  <h4>出国旅行，口语太差</h4>
					  <p>学伴功能，免费添加全部旅伴。 一起恶补，齐心协力出国不愁！</p>
					</div>
					<div class="col-sm-4">
					  <img class="img-responsive" src="img/03.jpg" />
					  <h4>是英语课，也是交友会</h4>
					  <p>20多个城市，70多家美联中心， I Show活动课，欢迎一起来玩耍！s</p>
					</div>
				</div>
			</div>	
		</section>		
		   <!-- 打赏 -->
		<section class="clearfix" id="home_reward">
			<div class="container text-center">
				<h2>真金白银选老师</h2>
				<h4 class="subtitle">教你学的人和督促你学的人，最重要！评分与评语有时并不客观，你懂哒。所以，我们开放打赏功能，真金白银的来检验教学与服务。</h4>
				<img class="img-responsive" src="img/teacher.jpg" />
			</div>
			<div class="reward-info">
				<div class="container text-center">
					<div class="row">
					<div class="col-xs-4">
						<a href="" class="courseitem col1" role="button">        
							<h3>2%</h3>
                            <p> 合同金额的2%自动转换为学员打赏U币</p>
						</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col2" role="button">
							<h3>1U币=1RMB</h3>
                            <p>直接以现金形式全部兑换给教师</p>
						</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col1" role="button">
							<h3>每节课</h3>
                            <p>学员都可以对老师进行打赏与评价</p>
						</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col2" role="button">
							<h3>每个月</h3>
                            <p>对自己的学习指导进行打赏与评价</p>
						</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col1" role="button">
							<h3>教师考核</h3>
                            <p>打赏是考核老师教学质量最重要的参考指标</p>
						</a>
					</div>
					<div class="col-xs-4">
						<a href="" class="courseitem col2" role="button">
							<h3>SA考核</h3>
                            <p>打赏情况是我们最重要的考核参考指标</p>
						</a>
					</div>
				</div>
				</div>
			</div>
		</section>
		    <!-- 退费 -->
		<section class="clearfix" id="home_refund" style="background: url(img/bg2.jpg);">
			<div class="container text-center">
				<h2>0风险，不满意随时退</h2>
				<h4>我们懂你，才知道放飞自由的意义！梦想可以暂缓，但不要失去！</h4>
				<img src="img/block-split.png" />
				<div class="row">
					<div class="col-sm-6 refund-item">
						<img src="img/01.png" />
						<h3>随时重修</h3>
						<p>如果你对课程、教师、学习平台的课后评价任意一项≤1分，该节课将会返还课时可进行重修，以保障你每一节课的学习效果。</p>
					</div>
					<div class="col-sm-6 refund-item">
						<img src="img/02.png" />
						<h3>随时退费</h3>
						<p>如不满意，全程可随时退费。我们颠覆规则，只为让每一位英语学习者可以轻松无忧的做选择，用客户的选择检验我们的产品。</p>
					</div>
				</div>
			</div>
		</section>	
		    <!-- 4+核心优势 N+成效保障 -->
		    <section class="clearfix" id="home_service">
			<div class="container">
				<h2>更多特色服务</h2>
				<h4 class="subtitle">4+核心优势 N+成效保障</h4>
				<div class="media">
					<div class="media-left">
						<img class="media-object" src="img/3.png" />
					</div>
					<div class="media-body">
						<h4>担心计划没有变化快？4小时+随订随上</h4>
						<p>学习之所以难以坚持，有时仅仅因为计划没有变化快：会议取消、约会提前、行程更改... 我们打破了24小时的桎梏，打造行业内唯一可课前4小时订课/退课机制，更有推荐课程，可随时预订随时上。让你真正以不变应万变。</p>
					</div>
				</div>
				<div class="media">
					
					<div class="media-body text-right">
						<h4>需要帮助？需要督促？“保姆式”学习管理服务</h4>
						<p class="pull-right">温暖的问候永远优于冰冷机器的制式化自动应答，我们始终坚持提供充满温度感的真人学习管理服务。为每位学员配备专属学习指导，量身打造学习计划、管理学习进度，高效高颜值的真人在线SA团队，为你的学习保驾护航。</p>
					</div>
					<div class="media-right">
						<img class="media-object" src="img/4.png" />
					</div>
				</div>
				<div class="media">
					<div class="media-left">
						<img class="media-object" src="img/5.png" />
					</div>
					<div class="media-body">
						<h4>学员福利出国游！学英语，看世界！</h4>
						<p>2015年开始，我们将以旅行的方式，带学员们深度走访全球自然与文化处所。这将是一场跨越20年甚至更久的旅程，161个国家及地区，1007个人类文明及自然遗产...语言，是认知世界的工具！我们愿做你认知世界的伙伴！</p>
					</div>
				</div>
				<div class="media">
					
					<div class="media-body text-right">
						<h4>免费送！海量学习资源！课程复习+课后巩固</h4>
						<p class="pull-right">你学习过的每节课程都有同步录像，上课时，你只需专心听讲，无需分心记笔记；课后，可随时免费查看录像，进行高效便捷复习；英语胶囊（7000多互动学习视频）、掌中英语、词管家APP等学习资源，帮你利用碎片时间巩固学习。</p>
					</div>
					<div class="media-right">
						<img class="media-object" src="img/6.png" />
					</div>
				</div>
			</div>
		</section>	
		 <!-- 小美GOGO -->
		<section class="clearfix" id="home_xmgo" style="background: url(img/bg3.jpg);">
			<div class="container text-center">
				<h2>学英语，看世界！小美带你GO学员微电影</h2>
				<img src="img/block-split.png" />
				<div class="row">
					<div class="col-sm-6 col-md-3">
						<img src="img/4.jpg" />
						<h5>学员旅行微电影 - 清迈篇</h5>
					</div>
					<div class="col-sm-6 col-md-3">
						<img src="img/5.jpg" />
						<h5>学员旅行微电影 - 斯里兰卡篇</h5>
					</div>
					<div class="col-sm-6 col-md-3">
						<img src="img/6.jpg" />
						<h5>小美带你GO - 精彩花絮1</h5>
					</div>
					<div class="col-sm-6 col-md-3">
						<img src="img/7.jpg" />
						<h5>小美带你GO - 精彩花絮2</h5>
					</div>
				</div>
			</div>
		</section>	
		 <!--学习流程-->
		 <section class="clearfix" id="shared_studystep">
			<div class="container text-center">
				<h2>学习流程</h2>
				<h4 class="subtitle">仅需4步，轻松开启在线学习之旅</h4>
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<span class="sindex">01</span>
						<div class="stepitem">
						<img src="img/step1.png"/>
						<p>会员注册 / 登录</p>
						<div class="row">
							<div class="col-xs-6">
								<a href="#" class="btn btn-default btn-block">登录</a>
							</div>
							<div class="col-xs-6">
								<a href="#" class="btn btn-danger btn-block">注册</a>
							</div>
						</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<span class="sindex">02</span>
						<div class="stepitem">
						<img src="img/step2.png"/>
						<p>购买相关课程</p>
						<div class="row">
							<div class="col-xs-12">
								<a href="#" class="btn btn-default btn-block"> 购买课程&nbsp;</a>
							</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 ">
						
						<span class="sindex">03</span>
						<div class="stepitem">
						<img src="img/step3.png"/>
						<p>自选外教/时间/主题</p>
						<div class="row">
							<div class="col-xs-12">
								<a href="#" class="btn btn-default btn-block">预约课程</a>
							</div>
							
						</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<span class="sindex">04</span>
						<div class="stepitem">
						<img src="img/step4.png"/>
						<p>电脑/PAD/手机，均可上课</p>
						<div class="row">
							<div class="col-xs-12">
								<a href="#" class="btn btn-default btn-block">上课环境检测</a>
							</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>	
		<!-- 企业荣誉 & 企业客户 -->
		<section id="layout_block_credit" style="background: url(img/bg.png);">
			<div class="container text-center">
				<h2>企业荣誉</h2>
				<div class="row">
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/credit-01.png" />
						<p>CCTV希望之星英语风采大赛国际唯一战略合作伙伴</p>
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/credit-02.png" />
						<p>2014年度教育盛典十大知名外语培训机构</p>
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/credit-03.png" />
						<p>亚太总裁国际合作大会唯一指定语言服务供应商</p>
					</div>
					
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/credit-04.png" />
						<p>2014年度中国最具创新力在线教育品牌</p>
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/credit-05.png" />
						<p>外研社体验式英语战略合作伙伴</p>
					</div>
					
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/credit-06.png" />
						<p>第26届世界大学生运动会指定英语培训机构</p>
					</div>
				</div>
				<h2 style="margin-top: 100px; margin-bottom: 50px;">合作伙伴</h2>
				<div class="row">
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/customer-01.png" />
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/customer-02.png" />
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/customer-03.png" />
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/customer-04.png" />
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/customer-05.png" />
					</div>
					<div class="col-md-2 col-xs-4" >
						<img class="img-responsive" src="img/customer-06.png" />
					</div>
				</div>
			</div>
			
		</section>
		<!--底部-->
		<footer class="text-center">
			<ul class="list-inline">
				<li><a href="#" ><img src="img/qualification_001.png"/>中国互联网诚信联盟s</a></li>
				<li><a href="#"><img src="img/qualification_002.png"/>网上交易保障中心</a></li>
				<li><a href="#"><img src="img/qualification_003.png"/>可信网站认证</a></li>
				<li><a href="#"><img src="img/qualification_004.png"/>诚信网站认证</a></li>
				<li><a href="#"><img src="img/qualification_005.png"/>经营性网站备案信息</a></li>
				<li><a href="#"><img src="img/qualification_006.png"/>安全联盟</a></li>
			</ul>
			   <abbr title="美联英语自2006年成立以来，陆续在全国开设直营培训中心70家，覆盖11个省份、20个城市，拥有企业员工2100余名，共培养学员十余万人。美联英语 在线VIP隶属美联英语旗下品牌，为学员提供真人在线、实时互动的英语教学与服务。厦门中心地址：厦门市思明区厦禾路879号美新广场1层（金榜公园斜对面）。电话：0592-3803333">
                美联英语
            </abbr>&nbsp;版权所有 <br>
              Copyright ©2010-2016 <a href="#" target="_blank">粤ICP备12018421号</a>
            <span>，电话：400-777-8828</span>
            <div class="layout-footer-link">
                <div class="container">
                    <span class="text-muted">友情链接：</span>
                    <a href="#" title="美联英语" >美联英语</a>
                    <a href="#" title="学习网">学习网</a>
                </div>
            </div>
		</footer>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</body>

</html>